<h2>发布闲置</h2>
<p id="welcome"></p>
<hr>
<form action="" method="post">
    <div class="row">

        <div class="col-md-8">
            <div class="row col-md-12">
                <div class="form-group col-sm-8">
                    <label for="itemName">商品名称*</label>
                    <input type="text" name="itemName" class="form-control" id="itemName" autocomplete="off">
                    <small id="itemNameHelper" class="form-text text-muted">输入准确的商品名称, 更容易被搜索到(36字以内)</small>
                    <div class="invalid-feedback">
                        必填项，请注意字符长度限制
                    </div>
                </div>

                <div class="form-group col-md-4">
                    <label for="itemName">商品价格*</label>
                    <input type="text" name="itemPrice" class="form-control" id="itemPrice" autocomplete="off">
                    <small id="itemNameHelper" class="form-text text-muted">请输入整数, 最小值为0</small>
                    <div class="invalid-feedback">
                        请检查输入是否符合要求
                    </div>
                </div>
            </div>

            <div class="form-group col-sm-12">
                <label for="itemDescription">商品简介*</label>
                <input type="text" name="itemDescription" class="form-control" placeholder="简单介绍商品的特性、卖点等"
                    id="itemDescription" autocomplete="off">
                <small id="itemDescriptionHelper" class="form-text text-muted">简要的补充说明（200字以内）</small>
                <div class="invalid-feedback">
                    必填项，请注意字符长度限制
                </div>
            </div>
            <div class="form-group col-sm-12">
                <label for="itemOldNewRate">新旧程度描述</label>
                <input type="text" name="itemOldNewRate" class="form-control" placeholder="可以介绍物品来源、成色、使用情况等"
                    id="itemOldNewRate" autocomplete="off">
                <small id="itemDescriptionHelper" class="form-text text-muted">36字以内</small>
                <div class="invalid-feedback">
                    请注意字符长度限制
                </div>
            </div>

            <div class="form-group col-sm-12">
                <label for="coverFileName">封面图片标识码*</label>
                <input type="text" name="coverFileName" class="form-control disable" placeholder="点击上传按钮、上传成功之后才算完成~"
                    id="coverFileName" readonly autocomplete="off">
                <small id="itemNameHelper" class="form-text text-muted">上传图片后自动生成</small>
            </div>
            <div class="invalid-feedback">
                请上传图片
            </div>
        </div>

        <div class="form-group col-md-4">
            <label for="file">上传封面图片（仅一张）*</label>
            <input type="file" name="file" id="uploadfile" placeholder="shang" data-browse-on-zone-click="true"
                accept=" /image/jpeg,/image/jpg">
        </div>
    </div>
    <hr>
    <div class=" col-sm-10">
        <label for="" class="h5">运送方式</label>
        <div class="row">

            <div class="form-check form-inline col-sm">
                <input class=" form-check-input" type="checkbox" value="" name="deliverByPost" id="deliverByPost">
                <label class=" form-check-label" for="deliverByPost">
                    支持邮寄
                </label>
            </div>
            <div class="form-check form-inline col-sm">
                <input class=" form-check-input" type="checkbox" value="" name="deliverByFace" id="deliverByFace">
                <label class=" form-check-label" for="deliverByFace">
                    支持当面交易
                </label>
            </div>
            <div class="form-check form-inline col-sm">
                <input class=" form-check-input" type="checkbox" value="" name="deliverNoNeed" id="deliverNoNeed">
                <label class=" form-check-label" for="deliverNoNeed">
                    无需运送
                </label>
            </div>

        </div>
    </div>


    <hr>
    <div class="form-group col-sm-10">
        <label for="remarks" class="h5">备注</label>
        <input type="text" class="form-control" placeholder="一行小字，可以放必要的声明" name="remarks" id="remarks"
            autocomplete="off">
        <small id="itemDescriptionHelper" class="form-text text-muted">100字以内</small>
        <div class="invalid-feedback">
            请注意字符长度限制
        </div>
    </div>

    <div class="col-sm-12 justify-content-sm-end">
        <button id="btn_submit" class="btn btn-primary col-sm-1" type="button" name="upvote" value="upvote"
            formmethod="POST" onclick="submitItem()">发布</button>
        <small class="form-text text-muted">请留心是否在个人主页留下联系方式, 如果没有, 买家是没法联系到你的哦~</small>
    </div>
</form>